<!doctype html>
<html lang="en-gb" class="no-js">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">	
	<title>Home</title>	
	<meta name="description" content="">
	<meta name="author" content="">    
<link rel="stylesheet" href="css/bootstrap.min.css" />     
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />	
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/da-slider.css" />
<link rel="stylesheet" href="css/styles.css"/>
<link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
	<div class="container">
		<nav class="navbar navbar-inverse" role="navigation">
        	<div class="navbar-header">
	           
	            <a href="#" class="navbar-brand scroll-top logo"><b>青岛中科杜仲农业科技开发有限公司</b></a>
	             <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
		            <span class="sr-only">Toggle navigation</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
	            </button>
        	</div>
	        <div id="main-nav" class="collapse navbar-collapse">
	            <ul class="nav navbar-nav" id="mainNav">
		            <li class="active"><a href="#home" class="scroll-link">首页</a></li>
					<li><a href="#aboutUs" class="scroll-link">杜仲</a></li>
					<li><a href="#services" class="scroll-link">公司简介</a></li>
					<li><a href="#portfolio" class="scroll-link">科普教育</a></li>
					<li><a href="#team" class="scroll-link">团队</a></li>
	            </ul>
	        </div>
	    </nav>
	</div>
</header>
<!--/.header-->
<div id="#top"></div>
<section id="home">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class=""></li>
        <li data-target="#myCarousel" data-slide-to="1" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="2" class=""></li>
      </ol>
      <div class="carousel-inner">
      	 <div class="item">
          <img data-src="images/apple.jpg" alt="Second slide" src="images/apple.jpg">
          <div class="container">
            <div class="carousel-caption">
              <h1>杜仲博览园</h1>
              <h3>集中药材种植、育苗、加工、销售、旅游观光、餐饮服务于一体</h3>
            </div>
          </div>
        </div>
        <div class="item active">
          <img data-src="images/01.jpg" alt="First slide" src="images/01.jpg" />
          <div class="container">
            <div class="carousel-caption">
              <h1>青岛中科杜仲农业科技开发有限公司</h1>
              <h3>成立2017年11月，公司位于青岛即墨北安街道办事处周集村，占地约1000亩。</h3>
            </div>
          </div>
        </div>
        <div class="item">
          <img data-src="images/windmills.jpg" alt="Third slide" src="images/windmills.jpg">
          <div class="container">
            <div class="carousel-caption">
              <h1 id="">配套设施</h1>
              <h3>占地200亩的儿童乐园、水上乐园、动物园、餐厅、多功能厅等配套设施。</h3>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div>
<!-- <div class="actionPanel">
            <div class="container">
                <div class="row">
                    <div class="col-sm-9 ">
                        <h3>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum..</h3>
                    </div>
                    <div class="col-sm-3 ">
                        <a href="#" class="btn btn-extra-large btn-primary spclBtn">Start Now!</a>
                    </div>
                </div>
            </div>
        </div> -->
</section>
<section id="aboutUs" class="page-section darkBg pDark pdingBtm30">
	<div class="container">
							    <div class="heading text-center">
								<!-- Heading -->
								<h2>杜仲“植物黄金”</h2>								 
								<p>在《神农本草经》中被列为上品。</p>
							</div>
								<div class="row">
									<div class="col-md-4 col-sm-4">										
											<h3>史载</h3>
											<p>《神农本草经》谓其“主治腰膝痛，补中，益精气，坚筋骨，除阴下痒湿，小便余沥。久服，轻身耐老。”杜仲是中国特有药材，其药用历史悠久，在临床有着广泛的应用。迄今己在地球上发现杜仲属植物多达14种，后来它们在大陆和欧洲相继灭绝。存在于中国的杜仲是杜仲科杜仲属仅存的孑遗植物，它不仅有很高的经济价值，而且对于研究被子植物系统演化以及中国植物区系的起源等诸多方面都具有极为重要的科学价值。现己作为稀有植物被列入《中国植物红皮书－稀有濒危植物》第一卷。</p>										
									</div>
									<div class="col-md-4 col-sm-4">										
											<h3>药理研究</h3>
											<p>1.抗肿瘤作用<br />2.治疗肾虚腰酸腰痛的常用方药<br />3.降低血压<br />4.杜仲能促进肾上腺皮质功能<br />5.增强机体免疫功能的作用，有细胞免疫的双向调整作用。<br />6.显著增加胃肠蠕动和促进胃液分泌及利胆作用<br />7.恢复肾功能、能促进肾功能、扩张肾动脉、增加血流量、麻醉犬均有利尿作用<br />
											8.抗应激作用和抗衰老作用</p> 										
									</div>
									<div class="col-md-4 col-sm-4">										
											<h3>适用人群</h3>
											<p>1.高血压、高血脂、心脑血管疾病人群<br />
												2.高血压伴有血脂、血糖异常人群<br />
												3.肾虚，体虚乏力人群<br />
												4.失眠多梦，皮肤粗糙、暗淡人群<br />
												5.体弱多病，腰膝酸软、免疫力低下人群<br />
												6.脂肪过多人群人群亚健康疾病人群</p>		
									</div>									
								</div>
							</div>
</section>

<section id="services" class="page-section">
	<div class="container">
		    <div class="heading text-center">
				<h2>公司简介</h2>								
				<p>公司计划建成国家级以杜仲为主的中药材青少年科普教育基地</p>
			</div>
		<div class="row">
                  <div class="col-md-4 text-center">                    
                        <!-- <i class="fa fa-arrows fa-2x circle"></i> -->
                        <img src="images/69.jpg" style="width:100%;" />
                        <p style="text-indent:2em; text-align:left;">青岛中科杜仲农业科技开发有限公司成立2017年11月，公司位于青岛即墨北安街道办事处周集村，占地约1000亩。公司计划总投资额为2亿元，打造以杜仲为主的中药材博览园，集中药材种植、育苗、加工、销售、旅游观光、餐饮服务于一体的综合性公司。目前已投资1.2亿元。</p>
                  </div>
                  <div class="col-md-4 text-center">                    
                        <!-- <i class="fa fa-arrows fa-2x circle"></i> -->
                        <img src="images/69.jpg" style="width:100%;" />
                        <p style="text-indent:2em; text-align:left;">该项目所在地位于青岛市北部，北安街道办事处位于即墨市北郊，素有“即墨北大门”之称。区域位置优越，交通便捷发达，青威、青烟及济青高速公路纵横期间。南与青岛国际机场毗邻，据青岛港30公里，至胶济、蓝烟铁路交汇点蓝村站仅20公里。</p>
                  </div>
                  <div class="col-md-4 text-center"> 
                         <!-- <h3>JavaScript <span class="id-color">jQuery</span></h3> -->
                        <img src="images/69.jpg" style="width:100%;" />
                        <p style="text-indent:2em; text-align:left;">目前建成129栋中药材阳光育苗棚和中药材文化长廊，并针对青少年的年龄特点建成了占地200亩的儿童乐园、水上乐园、动物园、餐厅、多功能厅等配套设施。能满足600人的就餐及住宿，中小学生在这里可以寓教于乐，充分体验学习的乐趣。</p>                
                  </div>
                </div>
	</div>
</section> 
<section id="portfolio" class="page-section section appear clearfix">	
			<div class="container">
				
		    <div class="heading text-center">
				<h2>青少年科普教育基地</h2>
				<p>中小学生在这里可以寓教于乐，充分体验学习的乐趣</p>
			</div>
					
            <div class="row">
                <nav id="filter" class="col-md-12 text-center">
                  <ul>
                    <li><a href="#" class="current btn-theme btn-small" data-filter="*">基地设施</a></li>
                    <li><a href="#"  class="btn-theme btn-small" data-filter=".webdesign" >水上乐园</a></li>
                    <li><a href="#"  class="btn-theme btn-small" data-filter=".photography">动物园</a></li>
                    <li ><a href="#" class="btn-theme btn-small" data-filter=".print">多功能厅</a></li>
                  </ul>
                </nav>
                          <div class="col-md-12">
                            <div class="row">
                              <div class="portfolio-items isotopeWrapper clearfix" id="3">
                                <article class="col-md-4 isotopeItem webdesign">
									<div class="portfolio-item">
										<img src="images/portfolio/img1.jpg" alt="" />
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem photography">
									<div class="portfolio-item">
										<img src="images/portfolio/img2.jpg" alt="" />
									</div>
                                </article>
								

                                <article class="col-md-4 isotopeItem photography">
									<div class="portfolio-item">
										<img src="images/portfolio/img3.jpg" alt="" />
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem print">
									<div class="portfolio-item">
										<img src="images/portfolio/img4.jpg" alt="" />
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem photography">
									<div class="portfolio-item">
										<img src="images/portfolio/img5.jpg" alt="" />
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem webdesign">
									<div class="portfolio-item">
										<img src="images/portfolio/img6.jpg" alt="" />
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem print">
									<div class="portfolio-item">
										<img src="images/portfolio/img7.jpg" alt="" />
										
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem photography">
									<div class="portfolio-item">
										<img src="images/portfolio/img8.jpg" alt="" />
										 
									</div>
                                </article>

                                <article class="col-md-4 isotopeItem print">
									<div class="portfolio-item">
									<img src="images/portfolio/img9.jpg" alt="" /> 
									</div>
                                </article>
                                </div>                                        
							</div>                                    
							</div>
                        </div>
			</div>	
</section>

<section id="team" class="page-section">
	<div class="container">
							<div class="heading text-center">
								<!-- Heading -->
								<h2>核心成员</h2> 
								<p>出门走好路，出口说好话，出手做好事。</p>
							</div>
							<!-- Team Member's Details -->
							<div class="team-content">
								<div class="row">
									<div class="col-md-3 col-sm-6 col-xs-6">
										<!-- Team Member -->
										<div class="team-member pDark">
											<!-- Image Hover Block -->
											<div class="member-img">
												<!-- Image  -->
												<img class="img-responsive" src="images/photo-1.jpg" alt=""> 
											</div>
											<!-- Member Details -->
											<h3>John Doe</h3>
											<!-- Designation -->
											<span class="pos">CEO</span>
                                            
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-6">
										<!-- Team Member -->
										<div class="team-member pDark">
											<!-- Image Hover Block -->
											<div class="member-img">
												<!-- Image  -->
												<img class="img-responsive" src="images/photo-2.jpg" alt=""> 
											</div>
											<!-- Member Details -->
											<h3>Larry Doe</h3>
											<!-- Designation -->
											<span class="pos">Art Director</span>
                                            
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-6">
										<!-- Team Member -->
										<div class="team-member pDark">
											<!-- Image Hover Block -->
											<div class="member-img">
												<!-- Image  -->
												<img class="img-responsive" src="images/photo-3.jpg" alt=""> 
											</div>
											<!-- Member Details -->
											<h3>Ranith Kays</h3>
											<!-- Designation -->
											<span class="pos">Manager</span>
                                             
										</div>
									</div>
									<div class="col-md-3 col-sm-6 col-xs-6">
										<!-- Team Member -->
										<div class="team-member pDark">
											<!-- Image Hover Block -->
											<div class="member-img">
												<!-- Image  -->
												<img class="img-responsive" src="images/photo-4.jpg" alt=""> 
											</div>
											<!-- Member Details -->
											<h3>Joan Ray</h3>
											<!-- Designation -->
											<span class="pos">Creative</span>
                                             
										</div>
									</div>
								</div>
							</div>
						</div>
	<!--/.container-->
</section>
<footer class="page-section">
	<div class="container">
        <!-- <div class="row">
          <div class="col-md-4 col-sm-6 about">
            <a href="#" class="logoDark"><h4>WebThemez</h4></a>
            <p>Lorem ipsum dolor amet, consectetur adipiscing elit. Aenean 
            leo lectus sollicitudin convallis eget libero. Aliquam laoreet 
            tellus ut libero semper, egestas velit malesuada. Sed non 
            risus eget dolor amet vestibulum ullamcorper. Integer feugiat 
            molestie.</p>
            <ul class="socialIcons">
              <li><a href="#" class="fbIcon" target="_blank"><i class="fa fa-facebook-square fa-lg"></i></a></li>
              <li><a href="#" class="twitterIcon" target="_blank"><i class="fa fa-twitter-square fa-lg"></i></a></li>
              <li><a href="#" class="googleIcon" target="_blank"><i class="fa fa-google-plus-square fa-lg"></i></a></li>
              <li><a href="#" class="pinterest" target="_blank"><i class="fa fa-pinterest-square fa-lg"></i></a></li>
            </ul>
          </div> -->
          <!-- <div class="col-md-4 col-sm-6 twitter">
            <h4>Latest Tweets</h4>
            <ul>
              <li><a href="#">@John Doe</a> Lorem ipsum dolor amet, consectetur adipiscing 
              elit. Aenean leo lectus sollicitudin eget libero.<br><span>2 minutes ago</span></li>
              <li><a href="#">@John Doe</a> Lorem ipsum dolor amet, consectetur adipiscing 
              elit. Aenean leo lectus sollicitudin eget libero.<br><span>About an hour ago</span></li>
            </ul>
          </div> -->
          <div class="col-md-4 contact">
            <h4>联系方式</h4>
            <!-- <p>Lorem ipsum dolor amet, consectetur adipiscing ipsum dolor.</p> -->
            <ul>
              <li><i class="fa fa-phone"></i>0532-83532728</li>
              <li><i class="fa fa-phone"></i>18669751775（曹先生）</li>
              <li><i class="fa fa-phone"></i>13276311105（王女士）</li>
              <li><a href="#"><i class="fa fa-envelope-o"></i> contact@webthemez.com</a></li>
              <li><i class="fa fa-flag"></i>青岛市即墨区北安街道周集村</li>
            </ul>
          </div>
        </div><!-- END Row -->
      </div>
</footer>
<!--/.page-section-->
<section class="copyright">
     <div class="container">
      <div class="row">
        <div class="col-sm-12">          
          <!--  <div class="pull-left copyRights">Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></div>   -->
        </div>
      </div>  <!-- / .row -->
    </div>
</section>
    <a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
<script src="js/modernizr-latest.js"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>    
<script src="js/bootstrap.min.js" type="text/javascript"></script>	 
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script> 
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script src="js/jquery.cslider.js" type="text/javascript"></script> 
 <script src="contact/jqBootstrapValidation.js"></script>
 <script src="contact/contact_me.js"></script>
<script src="js/custom.js" type="text/javascript"></script>
</body>
</html>